// ========================================================
// content 内容UI生成器
// ========================================================

@mixin content() {
    position: absolute;
    top: 0; right: 0;
    bottom: 0; left: 0;
    overflow: hidden;

    margin-top: -1px;
    padding-top:1px;

    &.padding > *:first-child {
        padding: $content-padding;
    }

    &.has-header {
        top: $bar-height;
    }
    &.has-footer {
        bottom: $bar-height;
    }

    >*:first-child {
        padding-bottom: 1px;
    }

    &.refreshUp {
        padding-top: $content-pull-height;
    }

    .scroll_pullDown, .scroll_pullUp {
        position: absolute;
        z-index: 1;
        width: 100%;
        color: #fff;
        padding: 0 15%;
        text-align: center;
        overflow: hidden;
        height: $content-pull-height;
        line-height: $content-pull-height;
        background-color: $content-pull-back;

        .icon {
            float: left;
        }
    }

    .scroll_pullDown {
        top: -$content-pull-height;
    }

    .scroll_pullUp {
        bottom: -$content-pull-height;
    }
}

